.swiper{
    width: 100%;
    height: 600px;
}
.swiper-wrapper img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.swiper-button-prev{
    width: 50px;
    height: 95px;
    background: rgba(3, 3, 3, .3);
}
.swiper-button-next{
    width: 50px;
    height: 95px;
    background: rgba(3, 3, 3, .3);
}


.partone{
    width: 1200px;
    height: 600px;
    margin: 0 auto;
}
.partone h2{
    margin-top: 106px;
    text-align: center;
    font-size: 38px;
    margin-bottom: 15px;
}
.partone h3{
    font-size: 12px;
    text-align: center;
    font-weight: lighter;
    margin-bottom: 28px;
}
.partone h3 a{
    color: #1271ef;
}
.partone ul{
    margin-left: 40px;
    width: 240px;
    height: 280px;
    cursor: pointer;

    box-shadow:  1px 1px 10px #005be0;
}
.partone ul .line{
    font-size: 22px;
    margin-left: 20px;
    margin-bottom: 13px;
}
.partone ul .line2{
    font-size: 11px;
    margin-left: 20px;
    margin-bottom: 26px;
}
.partone ul .line3{
    margin-left: 20px;
    font-size: 11px;
}
.partone .line3 a{
    color: #005be0;
}
.partone ul img{
    width: 240px;
    height: 168px;
}

.parttwo{
    width: 100%;
    height: 642px;
    background: url("../imgs/more-api-bg.svg") repeat-x;
    background-size: 740px 642px;
    padding-top: 60px;
}
.part-two{
    width: 1200px;
    height: 642px;
    margin: 0 auto;
}
.parttwo h2{
    text-align: center;
    font-size: 38px;
    margin-bottom: 15px;
}
.parttwo h3{
    font-size: 12px;
    text-align: center;
    font-weight: lighter;
    margin-bottom: 28px;
}
.parttwo h3 a{
    color: #1271ef;
}
.parttwo ul{
    background: #fff;
}
.parttwo img{
    width: 30px;
    height: 36px;
    margin: 36px 101px 0 101px;
}
.part-two ul li{
    width: 232px;
    height: 138px;
    box-shadow:  3px 3px 6px #005be0;
    margin-right: 10px;
    float: left;
    margin-bottom: 20px;
}
.part-two li:nth-child(5n){
    margin-right: 0;
}
.part-two p{
    text-align: center;
    font-size: 14px;
}
.list-li li:hover{
    background: #1271ef;
}


.partthree{
    width: 1200px;
    height: 820px;
    margin: 0 auto;
}
.partthree h2{
    text-align: center;
    font-size: 38px;
    margin-bottom: 15px;
}
.partthree h3{
    font-size: 12px;
    text-align: center;
    font-weight: lighter;
    margin-bottom: 28px;
}
.partthree h3 a{
    color: #1271ef;
}
.partthree div .ptpic{
    width: 606px;
    height: 563px;
}
.partthree .ptr1{
    width: 507px;
    height: 81px;
    margin-bottom: 10px;
    background: #fbfbfd url("../imgs/master-item-icon-01.svg") no-repeat;
    background-size: 16px 16px;
    background-position: 20px 22px;
    padding-top: 18px;
    box-sizing: border-box;
}
.pttitle{
    font-size: 18px;
    margin-left: 42px;
    margin-bottom: 9px;
}
.ptreview{
    font-size: 11px;
    color: #666;
    margin-left: 20px;
}
.partthree .ptr2{
    width: 507px;
    height: 81px;
    margin-bottom: 10px;
    background: #fbfbfd url("../imgs/master-item-icon-02.svg") no-repeat;
    background-size: 16px 16px;
    background-position: 20px 22px;
    padding-top: 18px;
    box-sizing: border-box;
}
.partthree .ptr3{
    width: 507px;
    height: 81px;
    margin-bottom: 10px;
    background: #fbfbfd url("../imgs/master-item-icon-03.svg") no-repeat;
    background-size: 16px 16px;
    background-position: 20px 22px;
    padding-top: 18px;
    box-sizing: border-box;
}
.partthree .ptr4{
    width: 507px;
    height: 81px;
    margin-bottom: 10px;
    background: #fbfbfd url("../imgs/master-item-icon-04.svg") no-repeat;
    background-size: 16px 16px;
    background-position: 20px 22px;
    padding-top: 18px;
    box-sizing: border-box;
}
.partthree .ptr5{
    width: 507px;
    height: 81px;
    margin-bottom: 10px;
    background: #fbfbfd url("../imgs/master-item-icon-05.svg") no-repeat;
    background-size: 16px 16px;
    background-position: 20px 22px;
    padding-top: 18px;
    box-sizing: border-box;
}
.partthree .ptr6{
    width: 507px;
    height: 81px;
    margin-bottom: 10px;
    background: #fbfbfd url("../imgs/master-item-icon-06.svg") no-repeat;
    background-size: 16px 16px;
    background-position: 20px 22px;
    padding-top: 18px;
    box-sizing: border-box;
}
.ptrbdy{
    position: relative;
}
.ptrbdy .ptr1::before{
    display: block;
    content: '';
    width: 4px;
    height: 24px;
    background-color: #005be0;
    position: absolute;
    left: 4px;
    top: 28px;
}
.ptrbdy .ptr2::before{
    display: block;
    content: '';
    width: 4px;
    height: 24px;
    background-color: #005be0;
    position: absolute;
    left: 4px;
    top: 119px;
}
.ptrbdy .ptr3::before{
    display: block;
    content: '';
    width: 4px;
    height: 24px;
    background-color: #005be0;
    position: absolute;
    left: 4px;
    top: 210px;
}
.ptrbdy .ptr4::before{
    display: block;
    content: '';
    width: 4px;
    height: 24px;
    background-color: #005be0;
    position: absolute;
    left: 4px;
    top: 301px;
}
.ptrbdy .ptr5::before{
    display: block;
    content: '';
    width: 4px;
    height: 24px;
    background-color: #005be0;
    position: absolute;
    left: 4px;
    top: 392px;
}
.ptrbdy .ptr6::before{
    display: block;
    content: '';
    width: 4px;
    height: 24px;
    background-color: #005be0;
    position: absolute;
    left: 4px;
    top: 483px;
}

.partfour{
    width: 100%;
    margin: 0 auto;
}
.partfour h2{
    text-align: center;
    font-size: 38px;
    margin-bottom: 15px;
}
.partfour h3{
    font-size: 12px;
    text-align: center;
    font-weight: lighter;
    margin-bottom: 28px;
}
.partfour h3 a{
    color: #1271ef;
}
.ptfban{
    width: 100%;
    background: #f8f9fb;
    height: 266px;
}
.ptfbd{
    width: 1200px;
    height: 266px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 24px;
    position: relative;
}
.ptfbd .divone{
    width: 1200px;
    height: 288px;
    margin: -26px  auto;
    position: absolute;
    left: 0;
    top: 2px;
    display: none;
}
.ptfbd .ptfpic1{
    width: 580px;
    height: 290px;
}
.ptfbd p{
    width: 524px;
    height: 161px;
    margin-left: 40px;
    margin-top: 38px;
}
.divone div{
    margin-right: 62px;
    margin-bottom: 27px;
}
.ptfbd .ptfpic2{
    width: 50px;
    height: 40px;
    margin-left: 40px;
}
.line-active1::before{
    content: '';
    display: block;
    width: 13px;
    height: 4px;
    background: #1271ef;
    position: absolute;
    left: 1045px;
    top: 249px;
}
.line-active2::before{
    content: '';
    display: block;
    width: 13px;
    height: 4px;
    background: #1271ef;
    position: absolute;
    left: 1030px;
    top: 249px;
}
.line-active3::before{
    content: '';
    display: block;
    width: 13px;
    height: 4px;
    background: #1271ef;
    position: absolute;
    left: 1060px;
    top: 249px;
}

.partfive{
    width: 1200px;
    margin: 0 auto;
    margin-top: 80px;
}
.partfive img{
    width: 145px;
    height: 32px;
}

.partsix{
    width: 1200px;
    height: 250px;
    margin: 0 auto;
    margin-top: 36px;
}
.partsix h2{
    text-align: center;
    font-size: 38px;
    margin-bottom: 15px;
}
.partsix h3{
    font-size: 12px;
    text-align: center;
    font-weight: lighter;
    margin-bottom: 28px;
}
.partsix h3 a{
    color: #1271ef;
}
.partsix ul li{
    font-size: 12px;
    width: 100px;
    height: 110px;
    margin-right: 100px;
}
.partsix ul li:nth-child(6){
    margin-right: 0;
}
.partsix ul img{
    width: 100px;
    height: 70px;
}
.partsix ul p{
    text-align: center;
    margin-top: 10px;
}
.partsix .ptsixpic{
    width: 70px;
    height: 70px;
    margin-left: 15px;
}

.partseven{
    width: 100%;
    height: 240px;
    background: url("../imgs/login-register-bg.svg") #1271ef;
}
.partseven-container{
    width: 1200px;
    height: 240px;
    margin: 0 auto;
    padding-top: 70px;
    box-sizing: border-box;
}
.partseven-container h2{
    font-size: 32px;
    text-align: center;
}
.partseven .experience{
    width: 130px;
    height: 42px;
    border: 1px solid #fff;
    box-sizing: border-box;
    background-color: transparent;
    display: block;
    margin: 0 auto;
    margin-top: 28px;
}
.experience a{
    color: #fff;
}